<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style>
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
dt,
dd,
li,
p,
form img {
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 16px;
  font-weight: bold;
  display: inline;
}
/*全局样式 border 以及 code 代码样式 */
.arise-east-border {
  background-color: rgb(255, 255, 255);
  width: 95%;
  padding: 10px 20px;
  margin: 30px auto;
  border-radius: 12px;
  box-shadow: 0 8px 12px #ebedf0;
}

.arise-east-code {
  background-color: rgb(218, 214, 214);
  padding: 10px 20px;
  margin: 15px 0;
  border-radius: 12px;
  font-size: 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
  box-shadow: 0 8px 12px #ebedf0;
  position: relative;
}

.arise-east-code > .copy {
  position: absolute;
  right: 0%;
  top: 50%;
  cursor: pointer;
  font-weight: bolder;
  font-size: 13px;
  transform: translate(-50%, -50%);
}

.copy:hover {
  color: #1985eb;
}

/*滚动条样式*/
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  --webkit-box-shadow: inset 0 0 6px rgba(233, 40, 40, 0.3);
  border-radius: 30px;
}

::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #55a8f7;
  --webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #55a8f7;
}

body *::-webkit-scrollbar-thumb:hover {
  background: #1985eb;
}
body *::-webkit-scrollbar-corner {
  background: #fff;
}
</style>
